<!--  -->
<template>
  <div>
      <TypeNav/>
      <list-container/>
      <recommend/>
      <like/>
      <rank/>
      <floor v-for="(floor,index) in floorList" :key="floor.id" :list='floor'/>
      <brand/>
  </div>
</template>
<script>
import ListContainer from '@/pages/Home/ListContainer/index.vue'
import Recommend from '@/pages/Home/Recommend/index.vue'
import Like from '@/pages/Home/Like/index.vue'
import Rank from '@/pages/Home/Rank/index.vue'
import Floor from '@/pages/Home/Floor/index.vue'
import Brand from '@/pages/Home/Brand/index.vue'
import {mapState} from 'vuex'
export default {
  name: '',
  components:{
    ListContainer,
    Recommend,
    Like,
    Rank,
    Floor,
    Brand
  },
  methods:{
  },
  mounted(){
    this.$store.dispatch('floorList');
  },
  computed:{
    ...mapState({
      floorList:(state) => state.home.floorList,
    }),
  }
}
</script>

<style  scoped>

</style>
